<template>
    <div class="app-container">
      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
        <el-form-item>
          <el-date-picker v-model="dateRange" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至"
            start-placeholder="开始日期" end-placeholder="结束日期">
          </el-date-picker>
        </el-form-item>
  
        <el-form-item label="车号" prop="chehao">
          <el-input v-model="queryParams.chehao" placeholder="请输入车号 " clearable @keyup.enter.native="handleQuery" />
        </el-form-item>
  
  
        <el-form-item label="供应商 " prop="gysdm">
          <el-input v-model="queryParams.gysdm" placeholder="请输入供应商 " clearable @keyup.enter.native="handleQuery" />
        </el-form-item>
  
  
        <el-form-item label="仓库编号 " prop="ckbh">
          <el-input v-model="queryParams.ckbh" placeholder="请输入仓库编号 " clearable @keyup.enter.native="handleQuery" />
        </el-form-item>
  
        <el-form-item label="卸车部门" prop="xcbm">
          <el-input v-model="queryParams.xcbm" placeholder="请输入卸车部门 " clearable @keyup.enter.native="handleQuery" />
        </el-form-item>
        <el-form-item>
          <el-checkbox :true-label="'是'" :false-label=null v-model="dropCar">
            是否退车
          </el-checkbox>
        </el-form-item>
  
  
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
        </el-form-item>
      </el-form>
  
  
      <el-row :gutter="10" class="mb8">
        <el-col :span="1.5">
          <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
            v-hasPermi="['system:guozhong:export']">导出</el-button>
        </el-col>
        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
      </el-row>
      <!-- v-loading="loading" -->
      <el-table v-loading="loading" :data="guozhongList" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55" align="center" />
        <el-table-column label="称重编号" align="center" prop="czbh" />
        <el-table-column label="车号" align="center"     prop="chehao" />
        <el-table-column label="供应商名" align="center" prop="gysdm" />
        <el-table-column label="公司名" align="center"   prop="gsmc" />
        <el-table-column label="物料名" align="center"   prop="wlmc" />
        <el-table-column label="仓库编号" align="center" prop="ckbh" />
        <el-table-column label="仓库名" align="center"   prop="ckmc" />
        <el-table-column label="进厂重量" align="center" prop="mz" />
        <el-table-column label="进厂时间" align="center" prop="mzsj" />
        <el-table-column label="出厂重量" align="center" prop="pz" />
        <el-table-column label="出厂时间" align="center" prop="pzsj" />
        <el-table-column label="净重" align="center"     prop="jz" />
        <el-table-column label="结算重量" align="center" prop="jszl" />
        <el-table-column label="结算单价" align="center" prop="jsdj" />
        <el-table-column label="结算金额" align="center" prop="jsje" />
        <el-table-column label="卸车部门" align="center" prop="xcbm" />
        <el-table-column label="水分" align="center"     prop="sf" />
        <el-table-column label="扣重" align="center"     prop="kz" />
        <el-table-column label="进厂地磅" align="center" prop="dbh" />
        <el-table-column label="出厂地磅" align="center" prop="dbh2" />
        <el-table-column label="进厂司磅员" align="center" prop="czymc" />
        <el-table-column label="出厂司磅员" align="center" prop="czymc2" />
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        </el-table-column>
      </el-table>
  
      <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
        @pagination="getList" />
  
    </div>
  </template>
  
  <script>
    import { listGuozhong } from "@/api/system/Fdongbei/guozhong";
  
  
    export default {
      name: "Guozhong",
      data() {
        return {
          // 遮罩层
          loading: true,
          // 选中数组
          ids: [],
          // 子表选中数据
          checkedTbHuayan: [],
          // 非单个禁用
          single: true,
          // 非多个禁用
          multiple: true,
          // 显示搜索条件
          showSearch: true,
          // 总条数
          total: 0,
          // tb表格数据
          guozhongList: [],
          // 化验--》表格数据
          tbHuayanList: [],
          // 弹出层标题
          title: "",
          // 是否显示弹出层
          open: false,
          // 查询参数
          queryParams: {
            pageNum: 1,
            pageSize: 10,
            beginTime: null,
            endTime: null,
            chehao: null,
            gysdm: null,
            ckbh: null,
            xcbm: null,
            czbh: null,
            yj: null,
            gblx:'CG',
            wlmc:'煤炭'
          },
          dateRange: this.timeDefault(),
          dropCar: null,
          // 表单参数
          form: {},
          // 表单校验
          rules: {
            beginTime: [
              { required: true, message: " 不能为空", trigger: "blur" }
            ],
            endTime: [
              { required: true, message: " 不能为空", trigger: "blur" }
            ],
          }
        };
      },
      created() {
  
        this.getList();
  
      },
      methods: {
        //设置默认时间
  
        // 默认时间
        timeDefault() {
          let date = new Date();
  
          // 通过时间戳计算
          let defalutStartTime = date.getTime() - 7 * 24 * 3600 * 1000; // 转化为时间戳
          let defalutEndTime = date.getTime();
  
          let startDateNs = new Date(defalutStartTime);
          let endDateNs = new Date(defalutEndTime);
  
          // 月，日，时，分，秒 不够10补0
          defalutStartTime = startDateNs.getFullYear() + '-' +
            ((startDateNs.getMonth() + 1) >= 10 ? (startDateNs.getMonth() + 1) : '0' + (startDateNs.getMonth() + 1)) + '-' +
            (startDateNs.getDate() >= 10 ? startDateNs.getDate() : '0' + startDateNs.getDate()) + ' ' +
            (startDateNs.getHours() >= 10 ? startDateNs.getHours() : '0' + startDateNs.getHours()) + ':' +
            (startDateNs.getMinutes() >= 10 ? startDateNs.getMinutes() : '0' + startDateNs.getMinutes()) + ':' +
            (startDateNs.getSeconds() >= 10 ? startDateNs.getSeconds() : '0' + startDateNs.getSeconds());
  
          defalutEndTime = endDateNs.getFullYear() + '-' +
            ((endDateNs.getMonth() + 1) >= 10 ? (endDateNs.getMonth() + 1) : '0' + (endDateNs.getMonth() + 1)) + '-' +
            (endDateNs.getDate() >= 10 ? endDateNs.getDate() : '0' + endDateNs.getDate()) + ' ' +
            (endDateNs.getHours() >= 10 ? endDateNs.getHours() : '0' + endDateNs.getHours()) + ':' +
            (endDateNs.getMinutes() >= 10 ? endDateNs.getMinutes() : '0' + endDateNs.getMinutes()) + ':' +
            (endDateNs.getSeconds() >= 10 ? endDateNs.getSeconds() : '0' + endDateNs.getSeconds());
  
          return [defalutStartTime, defalutEndTime];
  
        },
        /** 搜索按钮操作 */
        handleQuery() {
          this.queryParams.pageNum = 1;
          this.getList();
        },
        /** 查询tb列表 */
        getList() {
          this.loading = true;
  
          if (this.dateRange.length === 0) {
            this.$alert('请输入要查询的月份！', '提示', {
              confirmButtonText: '确定',
              type: 'waring',
            });
          } else {
            this.queryParams.beginTime = this.dateRange[0];
            this.queryParams.endTime = this.dateRange[1];
          }
          if (this.dropCar == true) {
            this.queryParams.yj = '是';
          } else {
            this.queryParams.yj = null;
          }
          listGuozhong(this.queryParams).then(response => {
            
          
            this.guozhongList = response.data.carInfoVos;
         
            this.total = response.data.total;
  
  
          });
          this.loading = false;
        },
        // 取消按钮
        cancel() {
          this.open = false;
          this.reset();
        },
        // 表单重置
        reset() {
          this.form = {
            czbh: '',
            chehao: '',
            gysdm: '',
            ckbh: '',
            xcbm: '',
            yj: null,
  
          };
          this.resetForm("form");
        },
  
        /** 重置按钮操作 */
        resetQuery() {
          this.resetForm("queryForm");
          this.handleQuery();
        },
        handleSelectionChange(selection) {
          this.ids = selection.map(item => item.czbh)
          this.single = selection.length !== 1
          this.multiple = !selection.length
        },
  
  
  
        /** 导出按钮操作 */
        handleExport() {
          this.download('system/guozhong/export', {
            ...this.queryParams
          }, `guozhong_${new Date().getTime()}.xlsx`)
        }
      }
    };
  </script>